<template>
  <div class="app-container">
    <el-radio-group v-model="dataType" style="margin-bottom: 10px">
      <el-radio-button label="warning">预警消息</el-radio-button>
      <el-radio-button label="update">APP更新</el-radio-button>
      <el-radio-button label="order">订单消息</el-radio-button>
      <el-radio-button label="equipment">设备消息</el-radio-button>
    </el-radio-group>
    <Equipment v-show="dataType === 'equipment'"></Equipment>
    <Order v-show="dataType === 'order'"></Order>
    <Update v-show="dataType === 'update'"></Update>
    <Warning v-show="dataType === 'warning'"></Warning>

  </div>
</template>

<script>
import Equipment from './modules/equipment/index.vue'
import Order from './modules/order/index.vue'
import Update from './modules/update/index.vue'
import Warning from './modules/warning/index.vue'

export default {
  name: "news",
  components: {
    Equipment,
    Order,
    Update,
    Warning,
  },
  data() {
    return {
      dataType: 'warning'
    };
  },
  created() {
    
  },
  methods: {}

};
</script>